<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>overflow</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        
        div {
            margin: 0 auto;
            width: 300px;
            height: 300px;
            border: 1px solid #FF0000;
            /* 
                visible 默认值。内容不会被修剪，会呈现在元素框之外。
                hidden 内容会被修剪，并且其余内容是不可见的。 
                scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
                auto 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
                inherit 规定应该从父元素继承 overflow 属性的值。
            */
            overflow: inherit;
        }
    </style>
</head>

<body>
    <div>
        行深般若波罗蜜多时，
        <br /> 照见五蕴皆空，
        <br /> 度一切苦厄。
        <br /> 舍利子，
        <br /> 色不异空，
        <br /> 空不异色，
        <br /> 色即是空，
        <br /> 空即是色，
        <br /> 受想行识，
        <br /> 亦复如是。
        <br /> 舍利子，
        <br /> 是诸法空相，
        <br /> 不生不灭，
        <br /> 不垢不净，
        <br /> 不增不减。
        <br /> 是故空中无色，
        <br /> 无受想行识，
        <br /> 无眼耳鼻舌身意，
        <br /> 无色声香味触法，
        <br /> 无眼界，
        <br /> 乃至无意识界。 去第二段 去第三
        <br /> 无无明，
        <br /> 亦无无明尽，
        <br /> 乃至无老死，
        <br /> 亦无老死尽。
        <br /> 无苦集灭道，
        <br /> 无智亦无得。
        <br /> 以无所得故，
        <br /> 菩提萨埵，
        <br /> 依般若波罗蜜多故，
        <br /> 心无罣碍，
        <br /> 无罣碍故，
        <br /> 无有恐怖，
        <br /> 远离颠倒梦想，
        <br /> 究竟涅磐。
        <br /> 三世诸佛，
        <br /> 依般若波罗蜜多故，
        <br /> 得阿耨多罗三藐三菩提。
        <br /> 故知般若波罗蜜多，
        <br /> 是大神咒，
        <br /> 是大明咒，
        <br /> 是无上咒，
        <br /> 是无等等咒，
        <br /> 能除一切苦，
        <br /> 真实不虚。
        <br /> 故说般若波罗蜜多咒，
        <br /> 即说咒曰：揭谛揭谛波罗揭谛波罗僧揭谛菩提萨婆诃。
    </div>
</body>

</html>